<template>
<div class="common-layout" >
    <el-container class="lay-container">
        <!-- 自定义左侧菜单栏 -->
        <common-aside/>
        <!-- 右侧内容区域 -->
         <el-container>
            <el-header class="el-header">
                <common-header/>
            </el-header>
            <!--tag标签页 -->
            <common-tab/>
            <el-main class="right-main">
                <router-view></router-view>
            </el-main>
         </el-container>
    </el-container>
</div>
 
</template>

<script setup>
import CommonAside from '@/components/main/CommonAside.vue';
import CommonHeader from '@/components/main/CommonHeader.vue';
import CommonTab from '@/components/main/CommonTab.vue';

</script>

<style scoped lang="less">
.common-layout,.lay-container {
    height: 100%;
}
.el-header {
    background-color: #ffffff;
}
</style>